//这个文件就是webpack的默认配置文件，默认的名称是webpack.config.js
//将来只需要在cmd面板上执行webpack就会去查找webpack.config.js中的内容进行相关的打包操作
var HtmlwebpackPlugin = require('html-webpack-plugin');

module.exports = {
	entry:'./src/main.js',//webpack要打包的源文件是main.js
	output:{
          path:'./dist/',
		      filename:'build.js'//打包以后输出的文件名称./bulid.js代表输出到当前目录下
	},
	module:{
		loaders:[
          {
              test:/\.vue$/, //vue的组件
              loader:'vue-loader'//负责编译vue组件的
          },
          {
          	test:/\.css$/,
          	loader:'style-loader!css-loader!autoprefixer-loader'//加载顺序先执行css-loader再执行style-loader
          }, 
          {
               test:/\.js$/,
               loader:'babel-loader', //表示使用babel-loader去转换所有的.js文件中的es6语法到es5语法
               exclude:/node_modules/ //表示node_modules文件夹中的所有.js不转换
          }, 
          {
          	test:/\.less$/,
          	loader:'style-loader!css-loader!autoprefixer-loader!less-loader'//加载顺序先执行css-loader再执行style-loader
          },
          {
          	test:/\.scss$/,
          	loader:'style-loader!css-loader!autoprefixer-loader!sass-loader'//加载顺序先执行css-loader再执行style-loader
          },
          {
               test:/\.(png|jpg|ttf)$/,
               loader:'url-loader?limit=40000'//加载顺序先执行css-loader再执行style-loader
          }
		]
	},
     babel:{
          presets:['es2015'],
          plugins:['transform-runtime']
     },
     plugins: [
        new HtmlwebpackPlugin({
          title:'index',//生成的页面的标题
          filename:'index.html',//生成的文件名称
          template:'index1.html'//根据index1.html这个模板来生成的
        })
     ]
}